const API=require('../../http/api')
// 获取应用实例
const app = getApp()
Page({
  //类似于vue2的data
  data: {
    //是否成功返回要加载的商品列表
    isLoadedOk:false,
    //判断是否到底部了
    isBottom:false,
    barTop:0,
    barLeft:0,
    barWidth:0,
    barHeight:0,
    //商品列表
    goodsArr:[],
    pageInfo:{
    //当前页码
      page:1,
      //每页显示条数
      pageSize:6,
      },
    v:0,

    steps: [
      {
        text: '步骤一',
        desc: '描述信息',
      },
      {
        text: '步骤二',
        desc: '描述信息',
      },
      {
        text: '步骤三',
        desc: '描述信息',
      },
      {
        text: '步骤四',
        desc: '描述信息',
      },
    ],
    active:2,
    value:1,
    picArr:[],
    

  },
  openDialog() {
   // console.log(this.dialog)
    this.dialog.toggleShowHide()
  },
  //监听确定
  confirmEvFn(e){
    console.log('父级接收的dialog:',e)//数据请求

    this.dialog.toggleShowHide()
  },
  //监听取消
  cancelEvFn() {
    this.dialog.toggleShowHide()
  },
  getStep(e) {
    console.log(e.detail)
    this.setData({
      active:e.detail
    })
  },
  onChange(e) {
    console.log(e.detail)
   
  },
  // 事件处理函数
  bindViewTap() {
    wx.navigateTo({
      url: '../logs/logs'
    })
  },
  //页面加载完触发,只触发一次
  onLoad() {
    
    if (wx.getUserProfile) {
      this.setData({
        canIUseGetUserProfile: true
      })
    }
  },
  //进入页面时就会触发，会触发多次
  onShow() {
     const menuBtnInfo=wx.getStorageSync('menuBtnInfo')

     if(menuBtnInfo) {
       this.setData({
         barTop:menuBtnInfo.top,
         barLeft:menuBtnInfo.left,
         barWidth:menuBtnInfo.width,
         barHeight:menuBtnInfo.height
       })
     }


    this.getBannerList()
    this.getGoodsList()
   
  },
  //展示商品列表
  async getGoodsList(){
    this.data.isLoadedOk=false;

    const res=await API.getGoodsListApi(this.data.pageInfo)


    console.log('分页数据：',res)
    if(res.code===0) {
      this.data.isLoadedOk=true,
   
      this.data.goodsArr=this.data.goodsArr.concat(res.data.result)
      this.setData({
        goodsArr:this.data.goodsArr
      })
    }else if(res.code===700) {
      this.setData({
        isBottom:true
      })
    }
  },
  //爆品推荐
  async getBaoPinList() {
    const res=await API.getGoodsListApi({recommendStatus:1})
    console.log('爆品',res)
  },
  
  //砍价
  async getKanJiaList() {
    const res=await API.getGoodsListApi({kanjia:true})
    console.log('砍价',res)
  },
  //秒杀
  async getMiaoShaList(){
    const res=await API.getGoodsListApi({miaosha:true})
    console.log('秒杀',res)
  },
   //获取轮播图
   async getBannerList() {
    const res=await API.getBannerApi()
    console.log('bannr-res:',res)

    if(res.code===0) {
      this.setData({
        picArr:res.data
      })
    }
  

  },
  //离职当前页面时触发，会触发多次
  onHide() {
    console.log('index-onHide')
  },
  //页面dom加载完成，只执行一次
  onReady() {
    console.log('index-onReady')
    this.dialog=this.selectComponent("#dialog")
  },
  onUnload() {
    console.log('index-onUnload')
  },
  //下拉触顶
  onPullDownRefresh() {
    console.log('上拉刷新')
  },
  //上拉触底
  onReachBottom() {

    if(this.data.isLoadedOk) {
      this.data.pageInfo.page++;
      this.getGoodsList()

    }

  

  },
  //返回顶部方法
  goTop() {
    wx.pageScrollTo({
      scrollTop:0
    })
  },
  //监听页面滚动生命周期
  onPageScroll(e) {
   // console.log('监听滚动：',e)
    if(e.scrollTop>100) {
      this.setData({
        isShow:true
      })
    }else {
      this.setData({
        isShow:false
      })
    }
  },
  getUserProfile(e) {
    // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认，开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
    wx.getUserProfile({
      desc: '展示用户信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
      success: (res) => {
        console.log(res)
        this.setData({
          userInfo: res.userInfo,
          hasUserInfo: true
        })
      }
    })
  },
  getUserInfo(e) {
    // 不推荐使用getUserInfo获取用户信息，预计自2021年4月13日起，getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息
    console.log(e)
    this.setData({
      userInfo: e.detail.userInfo,
      hasUserInfo: true
    })
  }
})
